<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>
<script>
export default {
    data() {
        return {

        }
    },
	name: 'App',
	beforeMount(){
		const userInfo = localStorage.getItem('userInfo') && JSON.parse(localStorage.getItem('userInfo'));
		if(userInfo){
			const userName = userInfo.userId;
			const password = userInfo.password;
			let options = {
				user: userName,
				pwd: password,
				appKey: WebIM.config.appkey
			};
			WebIM.conn.open(options);
		}
	},
    created() {
        document.body.removeChild(document.getElementById('Loading'))
    },
    methods: {

    }
}
</script>
<style>
@import './assets/css/main.css';
@import './assets/css/color-dark.css'; /*深色主题*/
@import url('./utils/theme/base.css');
/*@import "./assets/css/theme-green/color-green.css";   浅绿色主题*/
.el-table {
    margin-top: 20px;
}
.container {
    min-height: 70vh;
}
.box {
    width: 96%;
    margin: 0 auto;
}
.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
.avatar-uploader .el-upload:hover {
    border-color: #409eff;
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 100px;
    height: 100px;
    line-height: 100px;
    /* text-align: center;
    display: block !important; */
}
.avatar {
    width: 100px;
    height: 100px;
    display: block;
}
</style>